<template>
  <div class="radio-wrap">
    <div class="radio-info" v-for="(item,index) in data" :key="index">
      <div class="radio-img">
        <img v-lazy="item.picUrl" alt="">
      </div>
      <div class="radio-msg">
        <span>{{ item.name }}</span>
        <span>{{ item.rcmdtext }}</span>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    props:{
      data:Array,
    }
  }
</script>

<style scoped>
.radio-wrap{
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}

.radio-info{
  display: flex;
  width: 50%;
}

.radio-img img{
  width: 50px;
  height: 50px;
}

.radio-msg{
  font-size: 12px;
  display: flex;
  flex-direction: column;
}

</style>